.content
    margin: 32px 64px
    min-width: $min_width -16*2
    .card
        display: flex
        flex-direction: column
        justify-content: space-between
        position: relative
        height: 100%
        .card__img
            height: 400px
            overflow: hidden
            border-radius: 5px 5px 0 0
            
            img
                width: 100%
                height: 100%
                object-fit: cover
                box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
        .card_date
            display: flex
            flex-wrap: wrap
            font-weight: 400
            position: absolute
            left: 32px 
            top:  32px
            gap: 32px
            
            button
                display: flex
                justify-content: center
                margin-bottom: 12px
            .card_date_day
                position: relative
                p
                    background-color: $back_color
                    padding: 6px 6px 6px 6px
                    border-radius: 5px
                    position: absolute
                    font-size: 0.7em
                    right: -28px 
                    top:  -18px
                    margin: 0
                    box-shadow: 0 1px 3px rgba(1, 2, 11,0.12), 0 1px 2px rgba(0,0,0,0.24)
                    color: $active_color
                    

        .card__data
            // display: flex
            // flex-direction: column
            // justify-content: space-between
            gap: 12px
            border-radius: 0 0 5px 5px
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
            background-color: #fff
            padding: 24px
            margin-top: 3px
            h4
                margin: 12px 0 
                font-size: 1.5em
            // button
            //     align-self: flex-end
            //     padding: 8px 42px 8px 42px
            //     background-color: $active_color
            //     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
            //     transition: all 0.3s cubic-bezier(.25,.8,.25,1)
            //     color: $back_color
            //     border: 0
            //     border-radius: 5px
            // button:hover
            //       box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)
            //       cursor: pointer
            //       color: $hover_color
            .card__main
                display: flex
                gap: 12px
                justify-content: space-between
                a
                    align-self: flex-end
                .card__prises
                    display: flex
                    flex-direction: row
                    flex-wrap: wrap
                    gap: 8px
                    .card__prise
                        margin-right: 24px
                        display: flex
                        flex-direction: row
                        flex-wrap: wrap
                        gap: 12px
                        p
                            font-weight: 400
                            margin: 0
@media (max-width: 400px)
.content
    .card
        .card_date
            left: 32px 
            top:  32px
            gap: 32px
            .open_form 
                padding: 12px 18px